<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<fmt:setBundle basename="ApplicationMessage" />


<!DOCTYPE html>
<html lang="zh-CN">
<head>

  <%@ include file="/WEB-INF/include/meta.jsp"%>
  <%@ include file="/WEB-INF/include/css.jsp"%>

</head>

<body class="ihg-theme-draft">

  <%@ include file="/WEB-INF/include/header.jsp"%>
  <jsp:include page="/WEB-INF/include/submenu-session.jsp">
    <jsp:param name="currentUrl" value="${ctx.host}/sessions/${session.id}" />
  </jsp:include>

  <div class="container-fluid ihg-container has-ihg-sidemenu">

    <div class="ihg-breadcrumb">
      <ol class="breadcrumb border-breadcrumb">
        <li class="active">Center Days Setting</li>
      </ol>
      <div class="pull-right">
        <a href="${ctx.host}/active-sessions" style="color: #155CB2;"><<&nbsp;Go Back List</a>
      </div>
    </div>

    <div class="ihg-content-layout has-operation">
    
      <c:choose>
        
        <c:when test="${empty meeting}">
          <div style="margin-top: 20px;" class="clearfix text-center">
            <p style="margin-top: 10px; font-size:18px;" class="text-danger">Click the button to start session meeting</p>
            <a href="${ctx.host}/sessions/${session.id}/centerday-setting/start" data-target="#start" data-toggle="modal" class="btn btn-success btn-shadow btn-shadow-success x-btn" style="margin-top:20px;">Start</a>&nbsp;&nbsp;
          </div>
        </c:when>
        
        <c:otherwise>
          
          <div class="form-horizontal ihg-form form-personal-info">
            <div class="block-heading">
              <h5>Assessment Day Setting</h5>
            </div>
          </div>
    
          <div class="row">
            <div class="col-xs-4">
              
              <c:set var="assessorDayOneOpening" value="${biuniqueMeetingMap['Assessor Day 1 Opening']}" />
            
              <div class="panel panel-default ihg-panel">
                <div class="panel-heading">
                  <span class="panel-titles text-success" style="font-size: 13px; font-weight: bold;"><i class="glyphicon glyphicon-th-large" style="top: 2px;"></i>&nbsp;&nbsp;${assessorDayOneOpening.name}</span>
                  <div class="pull-right">
                    <a href="${ctx.host}/sessions/${session.id}/centerday-setting/${assessorDayOneOpening.id}/edit" data-target="#edit" data-toggle="modal">Edit</a>
                  </div>
                </div>
    
                <div class="panel-body" style="padding: 15px 0;">
                  <div class="form-horizontal ihg-form">
    
                    <div class="form-group ihg-form-group">
                      <label class="control-label col-xs-4">Date :</label>
                      <div class="col-xs-7">
                        <p class="form-control-static"><fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${assessorDayOneOpening.startTime}"/> &nbsp;~&nbsp;<fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${assessorDayOneOpening.endTime}"/></p>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <label class="control-label col-xs-4">Zoom Link :</label>
                      <div class="col-xs-7">
                        <p class="form-control-static">${assessorDayOneOpening.conferenceRoom.url}</p>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <div>
                        <label class="control-label col-xs-4">Zoom Account :</label>
                        <div class="col-xs-7">
                          <p class="form-control-static">${assessorDayOneOpening.conferenceRoom.account}</p>
                        </div>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <div>
                        <label class="control-label col-xs-4">Zoom Password :</label>
                        <div class="col-xs-7">
                          <p class="form-control-static">${assessorDayOneOpening.conferenceRoom.password}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            
            <div class="col-xs-4">
            
              <c:set var="delegateDayOneOpening" value="${biuniqueMeetingMap['Delegate Day 1 Opening']}" />
            
              <div class="panel panel-default ihg-panel">
                <div class="panel-heading">
                  <span class="panel-titles text-success" style="font-size: 13px; font-weight: bold;"><i class="glyphicon glyphicon-th-large" style="top: 2px;"></i>&nbsp;&nbsp;${delegateDayOneOpening.name}</span>
                  <div class="pull-right">
                    <a href="${ctx.host}/sessions/${session.id}/centerday-setting/${delegateDayOneOpening.id}/edit" data-target="#edit" data-toggle="modal">Edit</a>
                  </div>
                </div>
    
                <div class="panel-body" style="padding: 15px 0;">
                  <div class="form-horizontal ihg-form">
    
                    <div class="form-group ihg-form-group">
                      <label class="control-label col-xs-4">Date :</label>
                      <div class="col-xs-7">
                        <p class="form-control-static"><fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${delegateDayOneOpening.startTime}"/> &nbsp;~&nbsp;<fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${delegateDayOneOpening.endTime}"/></p>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <label class="control-label col-xs-4">Zoom Link :</label>
                      <div class="col-xs-7">
                        <p class="form-control-static">${delegateDayOneOpening.conferenceRoom.url}</p>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <div>
                        <label class="control-label col-xs-4">Zoom Account :</label>
                        <div class="col-xs-7">
                          <p class="form-control-static">${delegateDayOneOpening.conferenceRoom.account}</p>
                        </div>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <div>
                        <label class="control-label col-xs-4">Zoom Password :</label>
                        <div class="col-xs-7">
                          <p class="form-control-static">${delegateDayOneOpening.conferenceRoom.password}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            
            <div class="col-xs-4">
              
              <c:set var="middayCalibration" value="${biuniqueMeetingMap['Midday Calibration']}" />
            
              <div class="panel panel-default ihg-panel">
                <div class="panel-heading">
                  <span class="panel-titles text-success" style="font-size: 13px; font-weight: bold;"><i class="glyphicon glyphicon-th-large" style="top: 2px;"></i>&nbsp;&nbsp;${middayCalibration.name}</span>
                  <div class="pull-right">
                    <a href="${ctx.host}/sessions/${session.id}/centerday-setting/${middayCalibration.id}/edit" data-target="#edit" data-toggle="modal">Edit</a>
                  </div>
                </div>
    
                <div class="panel-body" style="padding: 15px 0;">
                  <div class="form-horizontal ihg-form">
    
                    <div class="form-group ihg-form-group">
                      <label class="control-label col-xs-4">Date :</label>
                      <div class="col-xs-7">
                        <p class="form-control-static"><fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${middayCalibration.startTime}"/> &nbsp;~&nbsp;<fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${middayCalibration.endTime}"/></p>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <label class="control-label col-xs-4">Zoom Link :</label>
                      <div class="col-xs-7">
                        <p class="form-control-static">${middayCalibration.conferenceRoom.url}</p>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <div>
                        <label class="control-label col-xs-4">Zoom Account :</label>
                        <div class="col-xs-7">
                          <p class="form-control-static">${middayCalibration.conferenceRoom.account}</p>
                        </div>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <div>
                        <label class="control-label col-xs-4">Zoom Password :</label>
                        <div class="col-xs-7">
                          <p class="form-control-static">${middayCalibration.conferenceRoom.password}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
    
          <div class="form-horizontal ihg-form form-personal-info">
            <div class="block-heading">
              <h5>Consolidation Day Setting</h5>
            </div>
          </div>
    
          <div class="row">
            <div class="col-xs-4">
            
              <c:set var="assessorDayTwoOpening" value="${biuniqueMeetingMap['Assessor Day 2 Opening']}" />
            
              <div class="panel panel-default ihg-panel">
                <div class="panel-heading">
                  <span class="panel-titles text-success" style="font-size: 13px; font-weight: bold;"><i class="glyphicon glyphicon-th-large" style="top: 2px;"></i>&nbsp;&nbsp;${assessorDayTwoOpening.name}</span>
                  <div class="pull-right">
                    <a href="${ctx.host}/sessions/${session.id}/centerday-setting/${assessorDayTwoOpening.id}/edit" data-target="#edit" data-toggle="modal">Edit</a>
                  </div>
                </div>
    
                <div class="panel-body" style="padding: 15px 0;">
                  <div class="form-horizontal ihg-form">
    
                    <div class="form-group ihg-form-group">
                      <label class="control-label col-xs-4">Date :</label>
                      <div class="col-xs-7">
                        <p class="form-control-static"><fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${assessorDayTwoOpening.startTime}"/> &nbsp;~&nbsp;<fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${assessorDayTwoOpening.endTime}"/></p>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <label class="control-label col-xs-4">Zoom Link :</label>
                      <div class="col-xs-7">
                        <p class="form-control-static">${assessorDayTwoOpening.conferenceRoom.url}</p>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <div>
                        <label class="control-label col-xs-4">Zoom Account :</label>
                        <div class="col-xs-7">
                          <p class="form-control-static">${assessorDayTwoOpening.conferenceRoom.account}</p>
                        </div>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <div>
                        <label class="control-label col-xs-4">Zoom Password :</label>
                        <div class="col-xs-7">
                          <p class="form-control-static">${assessorDayTwoOpening.conferenceRoom.password}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
    
          <div class="row">
          
            <c:forEach var="peerMeeting" items="${peerMeetings}">
              <div class="col-xs-4">
                <div class="panel panel-default ihg-panel">
                  <div class="panel-heading">
                    <span class="panel-titles text-success" style="font-size: 13px; font-weight: bold;"><i class="glyphicon glyphicon-th-large" style="top: 2px;"></i>&nbsp;&nbsp;${peerMeeting.name}</span>
                    <div class="pull-right">
                      <a href="${ctx.host}/sessions/${session.id}/centerday-setting/${peerMeeting.id}/edit-peer-owner" data-target="#edit" data-toggle="modal">Edit</a>
                    </div>
                  </div>
      
                  <div class="panel-body" style="padding: 15px 0;">
                    <div class="form-horizontal ihg-form">
      
                      <div class="form-group ihg-form-group">
                        <label class="control-label col-xs-4">Date :</label>
                        <div class="col-xs-7">
                          <p class="form-control-static"><fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${peerMeeting.startTime}"/> &nbsp;~&nbsp;<fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${peerMeeting.endTime}"/></p>
                        </div>
                      </div>
                      <div class="form-group ihg-form-group">
                        <label class="control-label col-xs-4">Zoom Link :</label>
                        <div class="col-xs-7">
                          <p class="form-control-static">${peerMeeting.conferenceRoom.url}</p>
                        </div>
                      </div>
                      <div class="form-group ihg-form-group">
                        <div>
                          <label class="control-label col-xs-4">Zoom Account :</label>
                          <div class="col-xs-7">
                            <p class="form-control-static">${peerMeeting.conferenceRoom.account}</p>
                          </div>
                        </div>
                      </div>
                      <div class="form-group ihg-form-group">
                        <div>
                          <label class="control-label col-xs-4">Zoom Password :</label>
                          <div class="col-xs-7">
                            <p class="form-control-static">${peerMeeting.conferenceRoom.password}</p>
                          </div>
                        </div>
                      </div>
                      <%-- <div class="form-group ihg-form-group">
                        <label class="control-label col-xs-4">WebEx Url :</label>
                        <div class="col-xs-7">
                          <p class="form-control-static">${peerMeeting.conferenceRoom.url}</p>
                        </div>
                      </div> --%>
                      <div class="form-group ihg-form-group">
                        <div>
                          <label class="control-label col-xs-4">Facilitator :</label>
                          <div class="col-xs-7">
                            <p class="form-control-static">${persist.getSessionHost(peerMeeting.owner).name}</p>
                          </div>
                        </div>
                      </div>
                      <div class="form-group ihg-form-group">
                        <label class="control-label col-xs-3">Assessor :</label>
                        <div class="col-xs-9">
                          <p class="form-control-static clearfix">
                            <c:forEach var="participator" items="${sessionParticipators[peerMeeting.subgroup]}">
                              <c:if test="${participator.delegateSeat == 1 || participator.delegateSeat == 3}">
                                <span class="label label-default pull-left" style="margin: 0 5px 10px 0;">${participator.assessorName}</span>
                              </c:if>
                            </c:forEach>
                          </p>
                        </div>
                      </div>
                      
                    </div>
                  </div>
                </div>
              </div>
            </c:forEach>
          
          </div>
          
          <div class="form-horizontal ihg-form form-personal-info">
            <div class="block-heading">
              <h5>Development Day Setting</h5>
            </div>
          </div>
          
          <div class="row">
            <div class="col-xs-4">
            
              <c:set var="developmentWorkshop" value="${biuniqueMeetingMap['Development Workshop']}" />
            
              <div class="panel panel-default ihg-panel">
                <div class="panel-heading">
                  <span class="panel-titles text-success" style="font-size: 13px; font-weight: bold;"><i class="glyphicon glyphicon-th-large" style="top: 2px;"></i>&nbsp;&nbsp;${developmentWorkshop.name}</span>
                  <div class="pull-right">
                    <a href="${ctx.host}/sessions/${session.id}/centerday-setting/${developmentWorkshop.id}/edit" data-target="#edit" data-toggle="modal">Edit</a>
                  </div>
                </div>
    
                <div class="panel-body" style="padding: 15px 0;">
                  <div class="form-horizontal ihg-form">
    
                    <div class="form-group ihg-form-group">
                      <label class="control-label col-xs-4">Date :</label>
                      <div class="col-xs-7">
                        <p class="form-control-static"><fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${developmentWorkshop.startTime}"/> &nbsp;~&nbsp;<fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${developmentWorkshop.endTime}"/></p>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <label class="control-label col-xs-4">WebEx Url :</label>
                      <div class="col-xs-7">
                        <p class="form-control-static">${developmentWorkshop.conferenceRoom.url}</p>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <div>
                        <label class="control-label col-xs-4">Assess Code :</label>
                        <div class="col-xs-7">
                          <p class="form-control-static">${developmentWorkshop.conferenceRoom.account}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            
            <div class="col-xs-4">
            
              <c:set var="assessorCoachingSkillsRecap" value="${biuniqueMeetingMap['Assessor Coaching Skills Recap']}" />
            
              <div class="panel panel-default ihg-panel">
                <div class="panel-heading">
                  <span class="panel-titles text-success" style="font-size: 13px; font-weight: bold;"><i class="glyphicon glyphicon-th-large" style="top: 2px;"></i>&nbsp;&nbsp;${assessorCoachingSkillsRecap.name}</span>
                  <div class="pull-right">
                    <a href="${ctx.host}/sessions/${session.id}/centerday-setting/${assessorCoachingSkillsRecap.id}/edit" data-target="#edit" data-toggle="modal">Edit</a>
                  </div>
                </div>
    
                <div class="panel-body" style="padding: 15px 0;">
                  <div class="form-horizontal ihg-form">
    
                    <div class="form-group ihg-form-group">
                      <label class="control-label col-xs-4">Date :</label>
                      <div class="col-xs-7">
                        <p class="form-control-static"><fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${assessorCoachingSkillsRecap.startTime}"/> &nbsp;~&nbsp;<fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${assessorCoachingSkillsRecap.endTime}"/></p>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <label class="control-label col-xs-4">WebEx Url :</label>
                      <div class="col-xs-7">
                        <p class="form-control-static">${assessorCoachingSkillsRecap.conferenceRoom.url}</p>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <div>
                        <label class="control-label col-xs-4">Assess Code :</label>
                        <div class="col-xs-7">
                          <p class="form-control-static">${assessorCoachingSkillsRecap.conferenceRoom.account}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          
          <div class="row">
            <div class="col-xs-4">
              <c:set var="assessorCloseSession" value="${biuniqueMeetingMap['Assessor Closing Session']}" />
              <div class="panel panel-default ihg-panel">
                <div class="panel-heading">
                  <span class="panel-titles text-success" style="font-size: 13px; font-weight: bold;"><i class="glyphicon glyphicon-th-large" style="top: 2px;"></i>&nbsp;&nbsp;${assessorCloseSession.name}</span>
                  <div class="pull-right">
                    <a href="${ctx.host}/sessions/${session.id}/centerday-setting/${assessorCloseSession.id}/edit" data-target="#edit" data-toggle="modal">Edit</a>
                  </div>
                </div>
    
                <div class="panel-body" style="padding: 15px 0;">
                  <div class="form-horizontal ihg-form">
    
                    <div class="form-group ihg-form-group">
                      <label class="control-label col-xs-4">Date :</label>
                      <div class="col-xs-7">
                        <p class="form-control-static"><fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${assessorCloseSession.startTime}"/> &nbsp;~&nbsp;<fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${assessorCloseSession.endTime}"/></p>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <label class="control-label col-xs-4">Zoom Link :</label>
                      <div class="col-xs-7">
                        <p class="form-control-static">${assessorCloseSession.conferenceRoom.url}</p>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <div>
                        <label class="control-label col-xs-4">Zoom Account :</label>
                        <div class="col-xs-7">
                          <p class="form-control-static">${assessorCloseSession.conferenceRoom.account}</p>
                        </div>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <div>
                        <label class="control-label col-xs-4">Zoom Password :</label>
                        <div class="col-xs-7">
                          <p class="form-control-static">${assessorCloseSession.conferenceRoom.password}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-xs-4">
              <c:set var="delegateCloseSession" value="${biuniqueMeetingMap['Delegate Closing Session']}" />
              <div class="panel panel-default ihg-panel">
                <div class="panel-heading">
                  <span class="panel-titles text-success" style="font-size: 13px; font-weight: bold;"><i class="glyphicon glyphicon-th-large" style="top: 2px;"></i>&nbsp;&nbsp;${delegateCloseSession.name}</span>
                  <div class="pull-right">
                    <a href="${ctx.host}/sessions/${session.id}/centerday-setting/${delegateCloseSession.id}/edit" data-target="#edit" data-toggle="modal">Edit</a>
                  </div>
                </div>
    
                <div class="panel-body" style="padding: 15px 0;">
                  <div class="form-horizontal ihg-form">
    
                    <div class="form-group ihg-form-group">
                      <label class="control-label col-xs-4">Date :</label>
                      <div class="col-xs-7">
                        <p class="form-control-static"><fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${delegateCloseSession.startTime}"/> &nbsp;~&nbsp;<fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${delegateCloseSession.endTime}"/></p>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <label class="control-label col-xs-4">Zoom Link :</label>
                      <div class="col-xs-7">
                        <p class="form-control-static">${delegateCloseSession.conferenceRoom.url}</p>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <div>
                        <label class="control-label col-xs-4">Zoom Account :</label>
                        <div class="col-xs-7">
                          <p class="form-control-static">${delegateCloseSession.conferenceRoom.account}</p>
                        </div>
                      </div>
                    </div>
                    <div class="form-group ihg-form-group">
                      <div>
                        <label class="control-label col-xs-4">Zoom Password :</label>
                        <div class="col-xs-7">
                          <p class="form-control-static">${delegateCloseSession.conferenceRoom.password}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          
        </c:otherwise>
        
      </c:choose>


    </div>

  </div>

  <%@ include file="/WEB-INF/include/footer.jsp"%>
  <%@ include file="/WEB-INF/include/script.jsp"%>
  <d:resource root="${ctx.resource}/build" type="script" src="js/page/session/preparation/centerday/session-centerday-setting.js" />
  <script type="text/javascript">
    require([ 'page/session/preparation/centerday/session-centerday-setting' ], function ( page ) {
      page.init();
    })
  </script>

</body>
</html>